import { onBeforeUnmount, onMounted, ref } from 'vue'
export default function() {
    const x = ref(-1)
    const y =ref(-1)
    const clickHandler = (event:MouseEvent) => {
        x.value = event.pageX
        y.value = event.pageY
    }
    // 页面已经加载完毕了再进行点击的操作
    // 页面加载完毕的生命周期
    onMounted(() => {
        window.addEventListener('click', clickHandler)
    })
    // 组件卸载前的生命周期组合API
    onBeforeUnmount(() => {
        window.removeEventListener('click', clickHandler)
    })
    return {
        x, y
    }
}